<template>
  <div>
    <div>
      <CloudRadioGroup default-value="a" size="large">
        <CloudRadioButton value="a"> Hangzhou </CloudRadioButton>
        <CloudRadioButton value="b"> Shanghai </CloudRadioButton>
        <CloudRadioButton value="c"> Beijing </CloudRadioButton>
        <CloudRadioButton value="d"> Chengdu </CloudRadioButton>
      </CloudRadioGroup>
    </div>
    <div :style="{ marginTop: '16px' }">
      <CloudRadioGroup default-value="a">
        <CloudRadioButton value="a"> Hangzhou </CloudRadioButton>
        <CloudRadioButton value="b"> Shanghai </CloudRadioButton>
        <CloudRadioButton value="c"> Beijing </CloudRadioButton>
        <CloudRadioButton value="d"> Chengdu </CloudRadioButton>
      </CloudRadioGroup>
    </div>
    <div :style="{ marginTop: '16px' }">
      <CloudRadioGroup default-value="a" size="small">
        <CloudRadioButton value="a"> Hangzhou </CloudRadioButton>
        <CloudRadioButton value="b"> Shanghai </CloudRadioButton>
        <CloudRadioButton value="c"> Beijing </CloudRadioButton>
        <CloudRadioButton value="d"> Chengdu </CloudRadioButton>
      </CloudRadioGroup>
    </div>
  </div>
</template>

<script>
  export default {
    title: '5.大小 ',
    subTitle: '大中小三种组合，可以和表单输入框进行对应配合。',
    data () {
      return {
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss">
</style>